﻿@charset "utf-8";
/* CSS Document */
@media all and (max-width:1700px){/*1680 * 1050*/
.in_aboutl{background:url(../images/in_about_leftbg.jpg) fixed center; background-size:cover; overflow:hidden;}	
.in_aboutl_nr{width:100%; margin-left:6%;}	
}

@media all and (max-width:1580px){/*1680 * 1050*/
}

@media all and (max-width:1460px){/*1440 * 900*/
}

@media all and (max-width:1410px){/*1366 * 768*/
}

@media all and (max-width:1366px){/*1366 * 768*/
}

@media all and (max-width:1300px){/*1280 * 800*/
}

@media all and (max-width:1280px){	
}

@media all and (max-width:1200px){ /*1200*/
.logo{width:220px;}
.logo img{width:100%; display:block;}
.w1200{width:95%;}
.navMenu>li>a{padding:0 21px;}	
.navMenubox{margin-left:40px;}
.Hlang{margin:40px 20px 0 0;}
.Hsrch-block{width:98% !important;}
img{max-width:100%;}
.in_pro_nav ul li a{padding:0 14px;}
.in_aboutl{width:50%; position:inherit; float:left; padding:40px;}
.in_aboutl_text{margin-top:20px; font-size:14px; line-height:24px;}
.in_aboutl_btn{margin-top:30px;}
.in_hzhbbg{margin:auto;}
}

@media all and (max-width:1100px){/*1024 * 768 */
.navMenu>li>a{padding:0 15px;}	
.in_aboutl{width:100%; position:inherit; float:left; padding:40px;}
.in_aboutr{width:100%; float:left; position:inherit;}
.in_aboutr img{width:100%; display:block;}
.hzhb_img{width:95%;}

}

@media all and (max-width:1000px){
.navMenu{display:none;}	
.top_r{margin-right:60px;}
.Hlang,.Hsrch{margin-top:35px;}	

/*手机下拉*/
.phxia{position:relative; display:block!important;}
.xialaph{position:fixed; z-index:10001; top:90px; right:0; display:none; width:100%; padding-bottom:200px; background-color:#fff;}
.xialaph.active{top:0;}
.xialaph .ul2,.xialaph .ul3{display:none;}
.xialaph h4 a{font-size:16px; font-weight:bold; line-height:59px; color:#000;}
.xialaph h4{position:relative; border-bottom:1px solid #ddd;}
.xialaph h4::after{position:absolute; bottom:0; left:0; width:100%; height:1px; content: ''; opacity: .1; background-color:#e5e5e5;}
.xialaph h5 a{font-size:14px; line-height:40px;}
.xialaph h5{position:relative; padding-left:10px;}
.xialaph h5::after{position:absolute; right:0; bottom:0; left:0; height:1px; content: ''; opacity: .05; background-color:#fff;}
.xialaph h4 img{float:right; width:13px; margin-top:23px; cursor:pointer;}
.xialaph h5 img{float:right; width:13px; margin-top:26px; cursor:pointer;}
.xialaph h4.active,.xialaph h5.active{border-bottom:0;}
.xialaph h4.active img.img_s,.xialaph h5.active img.img_s{display:none;}
.xialaph h4.active img.img_d,.xialaph h5.active img.img_d{display:block;}
.img_d{display:none;}
.xialaph .ul2{padding-top:7px; padding-bottom:8px; background-color:#f4f4f4;}
.xialaph .ul3{position:relative; margin-top:0; padding-top:10px; padding-bottom:10px; padding-left:30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.xialaph .ul3 li a{font-size:12px; line-height:26px; display:block; text-transform:uppercase; color:#999;}
.xialaph .ul3 li{padding-top:5px;}
.xialaph .ul3 li:first-child{padding-top:0;}
.phonemeng{position: absolute; z-index:1048; top:0; left:0; display:none; width:100%; height:100%; opacity: .6; background-color:#000;}
.phonemeng.active{display:block;}
.menuph{position:absolute; top:25px; right:20px; width:40px; height:40px; cursor:pointer; text-align:center; background-color:#e60012;}

/*手机按钮*/
.menuph .point{position:relative; display:inline-block; width:28px; height:22px; margin-top:10px;}
.menuph .point:hover .navbtn,.menuph .point:hover .navbtn::after,.menuph .point:hover .navbtn::before{width:28px;}
.menuph .navbtn{position:absolute; top:10px; right:0; display:inline-block; width:21px; height:1px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff;}
.menuph .navbtn::after,.menuph .navbtn::before{position: absolute; right: 0; display: inline-block; width: 28px; height: 1px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff;}
.menuph .navbtn::after{top:-11px;}
.menuph .navbtn::before{top:10px;}
.menuph .point.active .navbtn{background:transparent;}
.menuph .point.active .navbtn::after{top:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.menuph .point.active .navbtn::before{top:0; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.phxia .container{position:relative; padding:0 15px; margin:auto; width:100%;}

.search2{width:92%; height:25px; position:relative; background:#eee; margin:20px auto 0;}
.sear_bk2{width:80%; height:25px;float:left; padding-left:10px; line-height:25px; border:none; background:none; font-size:12px;}
.search_btn2{width:25px; height:25px; float:right;}
.search_btn2 .pushbutton{background:url(../images/search_btn.jpg) center no-repeat; border:0px; width:25px; height:25px; cursor:pointer; padding:0px; margin:0px; float:left;}	
}

@media all and (max-width:980px){/*web*/
body{overflow-x:hidden;}		
.top_bg{height:90px;}
.flexslider,.y-kefu-box{display:none;}	
.banner{display:block!important;position:relative;width:100%; margin-top:90px; -ms-touch-action:pan-y;line-height:0;z-index:0;}
.item img{width:100%; display:block;}
.owl-wrapper-outer{overflow:hidden;position:relative;width:100%;}
.owl-item{float:left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer;}
.banner .owl-wrapper,.banner .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
.owl-theme .owl-controls{text-align:center;height:auto;width:100%;z-index:10;}
.owl-theme .owl-controls .owl-buttons div{color:#fff;display:inline-block;zoom:1;margin:5px; wbackground:#666;filter:Alpha(Opacity=50);opacity:0.5;z-index:999;}
.owl-theme .owl-controls .owl-pagination{position:absolute;bottom:1rem;width:100%;}
.owl-prev , .owl-next{position:absolute;}
.owl-prev{left:0%;}
.owl-next{right:0%;}
.owl-controls .owl-page{display:inline-block;margin:0;padding:0;line-height:0;zoom:1;}
.owl-controls .owl-page span{display:block;padding:0;line-height:0;width:20px;height:2px; margin:0.4em;filter:Alpha(Opacity=90);opacity:0.9;background:#fff;}
.owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1;z-index:999;position:relative;background:#ff5d00;}

.in_pro{width:95%; margin:40px auto 0;}
.in_title h1{font-size:24px;}
.in_title p{font-size:14px;}
.in_pro_nav{margin-top:20px;}
.in_pro_nav ul:after{display:none;}
.in_pro_nav ul li{width:32%; float:left; display:block; margin:10px 2% 0 0;}
.in_pro_nav ul li:nth-child(3n){margin-right:0;}
.in_pro_nav ul li a{width:100%; background:#eee; line-height:32px; padding:0 10px; font-size:15px;}

.in_pro_img{width:100%;}
.in_pro_img ul{height:auto;}
.in_pro_img ul li{width:1%; margin-right:0;}
.in_pro_img ul li .text h3{font-size:20px;}
.in_pro_img ul li .text p{font-size:14px;}
.in_pro_l{left:2px;}
.in_pro_r{right:2px;}

.in_aboutbg{margin:40px auto 0;}
.in_aboutl{width:100%; position:inherit; float:left; padding:40px 20px; background-size:cover;}
.in_aboutl_nr{width:100%; margin-left:0;}
.in_aboutl_title h1{font-size:24px;}
.in_aboutl_title p{font-size:14px; margin-top:0;}
.in_aboutl_text{margin-top:20px; font-size:14px; line-height:30px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis;
 display:-webkit-box; -webkit-line-clamp:4; line-clamp:4; -webkit-box-orient:vertical;}
 .in_aboutl_btn{margin-top:30px;}
 .in_aboutr{width:100%; float:left; position:inherit;}

.in_hzhbbg{height:auto; margin:auto; background:url(../images/in_hzhbbg.jpg) fixed center; background-size:cover; padding:40px 0; overflow:hidden;}
.hzhb_img{width:95%; margin:30px auto 0;}
.hzhb_img ul li{width:33.333%;}
.hzhb_img ul li a{border:3px #fff solid;}

.in_yyzx{width:95%; margin:40px auto 0;}
.in_yyzx_img{margin:-8% auto 0;}
.in_yyzx_img li{width:49%; margin:20% 2% 0 0;}
.in_yyzx_img li:nth-child(5n){margin-right:2%;}
.in_yyzx_img li:nth-child(2n){margin-right:0;}
.in_yyzx_img li a .more{font-size:16px; width:60px; height:60px; padding:8px;}

.in_newsbg{height:auto; margin:80px auto 0; padding:40px 0; background-size:cover;}
.in_news_nr{margin:30px auto 0;}
.in_news_list li{width:1%;}
.in_news_l{left:0; top:45%;}
.in_news_r{right:0; top:45%;}

.footer{height:auto; margin:auto; padding:30px 0 20px 0;}
.foot_list{width:100%;}
.foot_list ul{width:100%; margin:0 0 10px 0; min-height:auto; border-bottom:1px solid #333; padding-bottom:10px;}
.foot_list ul:last-of-type{border-bottom:none;}
.foot_list ul li.foot_l_bt{width:100%; height:30px !important; line-height:30px; background:url(../images/img-73.png) no-repeat right center; background-size:16px; transition: all .3s; display:block !important;}
.foot_list ul li{display:none;}
.foot_list ul li a{width:100%; display:block; font-size:14px; color:#999;}
.foot_list ul li.foot_l_bt a{float:left; width:auto; color:#fff; font-size:16px; font-weight:bold; margin-bottom:0;}

.foot_cont,.foot_ewm{display:none;}

.copy_bg{margin:20px auto 0;} 
.copy{width:95%; line-height:24px;}

.ny_bn{width:100%; height:auto; margin:80px auto 0;}
.ny_bn img{width:100% !important; height:140px; object-fit:cover; left:0 !important; margin-left:0 !important;}

.ny_main{width:95%; margin:20px auto 40px;}
.dw{width:100%; float:left; border:1px solid #d6d6d6; padding:15px;}
.dw_tit{width:100%;}
.dw_wz{width:100%; float:left; margin-top:10px;}

.ny_main{width:95%; margin:20px auto;}
.ny_left{width:100%; margin-top:40px;}
.nyl_list{width:100%;}
.nyl_list h1{width:100%;}
.nyl_list:after{right:-85%;}
.sidebarMenu li a{background:url(../images/slide_li.png) no-repeat 92% center;}
.sidebarMenu li a.cur,.sidebarMenu li a:hover{background:#e60012 url(../images/slide_lih.png) no-repeat 92% center;color:#fff}

.ny_right{width:100%; float:left;}
.nyr_text img{width:100%; display:block;}

.honor_r_img li{width:100%; margin:20px 0 0 0;}

.pagination{width:100%; height:auto; float:left; text-align:center; font-size:0px; position:relative; overflow:hidden; margin:30px 0 0 0;}
.pagination a,.pagination span{display:inline-block; padding:0 6px; line-height:24px; font-size:14px; border:1px solid #e5e5e5; margin:0 2px; text-transform:none;}
.pagination span.current,.pagination a:hover{color:#fff; border-color:#e60012; background:#e60012;}

.pro_img li{width:100%; margin:20px 0 0 0;}

.products{margin-top:30px;}
.promore_l{width:100%;}
.promore_l{width:100%;float:left;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%; border:1px solid #e6e6e6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:100%; height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; height:32px; cursor:pointer; margin-top:15px;}
.spec-scroll .items{float:left;position:relative;width:75%; height:64px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px; margin-top:5px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:54px;height:54px;}
.spec-scroll .items ul li img:hover{border:2px solid #e60012; padding:1px;}

.pros_right{width:100%; float:left; margin-top:30px; overflow:hidden;}
.pros_right_top{width:100%; float:left; border-bottom:1px solid #e6e6e6;}
.pros_right_top strong{overflow:hidden; display:inline-block; font-size:20px; color:#e60012; padding-bottom:10px;}
.pros_right_top p{font-size:16px;}

.proleft{width:100%;float:left; font-size:14px; line-height:30px; margin-top:20px;}

.proleft_btn{width:100%; float:left; margin-top:30px;}
.proleft_btn li{width:49%; float:left; margin-right:2%;}
.proleft_btn li:nth-child(2n){margin-right:0;}
.proleft_btn li a{width:100%; height:35px; line-height:35px; text-align:center; font-size:16px; background:#eee; display:block;}
.proleft_btn li span{float:left; padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#e60012; color:#fff;}

.tabs-basic{width:100%; margin-top:40px; float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6;}
.tabs-basic ul li{display:inline-block; width:49%; font-size:16px; text-transform:uppercase;}
.tabs-basic ul li a{width:100%; display:block; text-decoration:none; text-align:center; background:#eee; border:1px solid transparent; padding:10px 20px;}
.tabs-basic .tab-active{border-bottom:2px solid #e60012; color:#fff; background:#e60012; font-weight:bold;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:10px auto 0; background:#fff;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block; line-height:30px; font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px; font-size:14px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%;}

.tabs-basic table{border-collapse:collapse; border: 1px #e6e6e6 solid !important; width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; border:1px #e6e6e6 solid !important; line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}

.scrollleft2{width:100%; float:left; margin-top:30px;}
.scrollleft2 li{width:180px; float:left; margin-right:10px; overflow:hidden;}
.scrollleft2 li img{width:100%; display:block; border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #e60012;}
.scrollleft2 li span{display:block; width:100%; line-height:30px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;float:left;}

.news_text dl{position:relative; padding-bottom:20px; margin-top:20px;}
.news_text dl dt{width:100%;}
.news_text dl dd{width:100%; margin-top:10px;}
.news_text dl dd .left{width:100%;}
.news_text dl dd .left h2{font-size:16px;}
.news_text dl dd .right2{width:90px; background:rgba(0,0,0,.5); position:absolute; left:0; top:0;} 
.news_text dl dd .right2 p{padding:10px 0; border:none; color:#fff;}
.news_text dl dd .right2 p:nth-child(1){font-size:40px; line-height:30px; border:none; color:#fff;}

.new-view-title{margin-top:30px;}
.new-view-title h2{font-size:20px;}
.new-view-wz{line-height:24px;}

.view-page{width:100%; float:left; position:relative; margin-top:20px;}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px; width:100%; float:left; height:38px; border:solid 1px #e5e5e5; line-height:38px; position:static;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; margin-top:10px; text-align:center;}
.view-page .prev{left:0;}
.view-page .prev a{background:url(../images/le.png) 12px center no-repeat; text-transform:uppercase; border:none; padding-left:0;}
.view-page .next a{text-align:center;}
.view-page a{display:block;} 
.view-page .back{left:50%; width:100%;border:none; margin-left:0;}
.view-page .back a{background:url(../images/back.png) 16px center no-repeat #e60012; color:#fff; text-align:center; text-transform:uppercase; border:none; padding-left:0;}
.view-page .back a:hover{background:url(../images/back.png) 16px center no-repeat #ffa200; color:#fff;}
.view-page .next{right:0;}
.view-page .next a{background:url(../images/ri.png) 95% center no-repeat; text-transform:uppercase;  border:none;}
.view-page .prev:hover a{background:url(../images/le-white.png) 12px center no-repeat #e60012; color:#fff;}
.view-page .next:hover a{background:url(../images/ri-white.png) 95% center no-repeat #e60012; color:#fff;}

.hot_pro2{width:100%;float:left; margin-top:20px;}
.hot_pro2_tit{width:100%; background:#fff; float:left; border-bottom:1px solid #e6e6e6;}
.hot_pro2_tit h3{width:200px; float:left; color:#fff; line-height:45px; font-size:16px; padding:0 20px; background:#e60012; text-align:center; font-weight:bold; position:relative;}
.hot_pro2_tit h3:after{content:''; position:absolute; bottom:-9px; height:0; width:0; margin:auto; left:0; right:0; border:9px solid transparent; border-top:9px solid #e60012; border-bottom:none; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

.view-page{padding-top:20px; border-top:1px solid #e6e6e6;}

.new_s2{width:100%;float:left; margin-top:0;}
.news_random2{width:100%;float:left; background:#fff; border:none; padding:0; margin-top:20px;}
.news_random2 ul li{width:100%; float:left; font-size:14px; line-height:36px; overflow:hidden; border-bottom:1px dashed #e6e6e6; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_random2 ul li a{background:url(../images/ly_li.png) no-repeat left center; padding-left:15px;}
.news_random2 ul li a:hover{color:#e60012;}
.news_random2 ul li span{float:right; font-size:14px; color:#999;}

.yyzx_text dl{padding-bottom:20px;}
.yyzx_text dl dt{width:100%;}
.yyzx_text dl dd{width:100%; margin-top:20px;}
.yyzx_text dl dd .con{-webkit-line-clamp:3; line-clamp:3;}

.shouce-list li{width:100%; margin:20px 2% 0 0;}

.hzhb_list{margin-top:10px;}
.hzhb_list .item{width:49%; margin:20px 2% 0 0;}
.hzhb_list .item:nth-child(2n){margin-right:0;}
.hzhb_list .item .text{line-height:85px;}

.contact2 h2{font-size:20px;}
.contact2 ul{margin-bottom:60px;}
.contact2 li{width:100%; margin-right:0; min-height:auto; margin-bottom:10px;}
#mapbarframe{height:300px !important;}

.message{margin-top:20px;}
.message h2{font-size:20px;}
.message ol li{width:100%; margin-bottom:10px;}
.message ol li input{height:40px; line-height:38px;}

}

	 
@media all and (max-width:768px){
.logo{width:200px;}		
}

@media all and (max-width:640px){
	
}

@media all and (max-width:580px){
.logo{width:180px;}		
.Hsrch{margin-right:20px;}
}

@media all and (max-width:414px){
}

@media all and (max-width:375px){
.logo{width:160px; margin:20px 0 0 5px;}
.top_r{margin-right:50px;}		
.Hsrch{display:none;}
.Hlang{margin-right:20px;}
.menuph{right:15px;}
}